<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <!-- 优先使用 IE 最新版本和 Chrome-->
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <!-- 为移动设备添加 viewport-->
    <meta name="viewport"
          content="width=device-width,initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
    <!-- 是否启用 WebApp 全屏模式，删除苹果默认的工具栏和菜单栏-->
    <meta name="apple-mobile-web-app-capable" content="yes">
    <!-- 设置苹果工具栏颜色-->
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <!-- 添加智能 App 广告条 Smart App Banner（iOS 6+ Safari）-->
    <meta name="apple-itunes-app" content="app-id=myAppStoreID, affiliate-data=myAffiliateData, app-argument=myURL">
    <!-- 忽略页面中的数字识别为电话，忽略email识别-->
    <meta name="format-detection" content="telphone=no, email=no">
    <!-- 下面三个是清除缓存 微信浏览器缓存严重又无刷新；这个方法调试的时候很方便-->
    <meta http-equiv="Pragma" content="no-cache">
    <meta http-equiv="Cache-Control" content="no-cache">
    <meta http-equiv="Expires" content="0">
    <title>买单详情</title>
    <!--引入初始化样式-->
    <link rel="stylesheet" href="../../b2c/lib/css/style-min.css">
    <!--引入YUDI样式-->
    <link rel="stylesheet" href="../../b2c/lib/css/ydui.css">
    <!--引入YUDI自适应解决方案类库-->
    <script src="../../b2c/lib/js/flexible/flexible.js"></script>
    <!-- 引入jQuery 2.0+ -->
    <script src="../../b2c/lib/js/jquery/jquery-2.1.4.min.js"></script>
    <!-- 引入common -->
    <script src="../../b2c/lib/js/common/common.js"></script>
    <!-- 引入vue -->
    <script src="../../b2c/lib/js/vue/vue.min.js"></script>
    <!--引入二维码-->
    <script src="../../b2c/lib/js/qrcodejs/qrcode.min.js"></script>
    <!--微信JS-SDK-->
    <script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
    <!--引入对应的css-->
    <link rel="stylesheet" href="../../b2c/css/person/payDetails.css">
</head>

<body style="background-color:#fff">
<div id="payDetail">
    <div class="pay-success-wrap">
        <div class="success-main">
            <div class="success-icon">
                <p>已支付成功</p>
            </div>
        </div>
    </div>
    <div class="payDetails">
        <div class="storeName">
            <p v-text="storeName"></p>
        </div>
        <div class="money">
            <p v-cloak>消费金额:<span>{{totalPrice | price}}</span></p>
            <p v-cloak>实付金额:<span>{{totalFee | price}}</span></p>
        </div>
        <div class="time">
            买单时间:<span v-cloak>{{updateTime}}</span>
        </div>
    </div>
    <div class="linear"></div>
    <div class="payCode">
        <div class="bianma">
            <p class="codeName">收货编码</p>
            <p v-cloak>{{takeCode}}</p>
        </div>
        <div class="or">
            <span></span>
            <b>or</b>
            <span></span>
        </div>
        <div class="QR_code">
            <p class="codeName">收货二维码</p>
            <div id="qrcode"></div>
        </div>
    </div>
</div>
</body>
<script src="../../b2c/lib/js/ui.js"></script>
<script src="../../b2c/js/person/payDetail.js"></script>

</html>